<template>
  <div>
    <el-table :border="true" :data="tableData" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55"> </el-table-column>
      <el-table-column align="center" label="合同名称" prop="contractName" />
      <el-table-column align="center" label="资产" prop="contractName" />
      <el-table-column align="center" label="费项" prop="contractName" />
      <el-table-column align="center" label="营业额" prop="contractName" />
      <el-table-column align="center" label="账单起付时间" prop="remark">
        <template slot-scope="scope">
          <span>{{ scope.row.contractBeginDate | formatDateTime('YYYY-MM-DD') }}</span>
        </template>
      </el-table-column>
      <el-table-column align="center" label="账单截止时间" prop="remark">
        <template slot-scope="scope">
          <span>{{ scope.row.contractBeginDate | formatDateTime('YYYY-MM-DD') }}</span>
        </template>
      </el-table-column>
      <el-table-column align="center" label="付款截止时间" prop="remark">
        <template slot-scope="scope">
          <span>{{ scope.row.contractBeginDate | formatDateTime('YYYY-MM-DD') }}</span>
        </template>
      </el-table-column>
      <el-table-column align="center" label="账单金额" prop="contractName" />
      <el-table-column align="center" label="实付金额" prop="contractName" />
    </el-table>
    <Pagination @change="pageChange" :total="total" />
  </div>
</template>
<script>
  import { apiOutBillList } from '../../../api/contract';
  export default {
    props: {},
    data() {
      return {
        tableData: [],
        total: 0,
        pageSize: 10,
        currentPage: 1,
        multipleSelection: []
      };
    },

    mounted() {}, 

    methods: {
      async getInfo(type) {
        let res = await apiOutBillList({});
      },
      //分页
      pageChange(e) {
        this.currentPage = e.currentPage;
        this.pageSize = e.pageSize;
        this.getInfo('more');
      },
      handleSelectionChange(val) {
        this.multipleSelection = val;
      }
    },
  };
</script>
<style lang="scss" scoped></style>
